<include file="Public:header"/>
<!--主页面-->
<div id="main-content">
<!--隐藏的警告提示 start-->
<noscript>
    <div class="notification error png_bg">
        <div>
            您的系统该升级了
            <a href="http://browsehappy.com/" title="Upgrade to a better browser">浏览器升级</a>
            <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">浏览器不可用</a>
            下载<a href="http://www.exet.tk">下载</a>
        </div>
    </div>
</noscript>
<!--隐藏的警告提示 end-->
<!-- 当前位置 start-->
<div id="now-address">
    <span>当前位置：首页&gt;&gt;</span>
</div>
<!-- 当前位置 end-->
<div class="content-box">
    <!--头部切换 start-->
    <div class="content-box-header">
        <h3>内容列表</h3>
        <ul class="content-box-tabs">
            <li><a href="#tab1" class="default-tab">表格</a></li>
            <li><a href="#tab2">表单</a></li>
        </ul>
        <div class="clear"></div>
    </div>
    <!--头部切换 end-->
    <!--表格内容-->
    <div class="content-box-content">
        <div class="tab-content default-tab" id="tab1">
            <table border="1">
                <!--标题-->
                <thead>
                <tr>
                    <th>
                        <input class="check-all" type="checkbox" />
                    </th>
                    <th>标题 1</th>
                    <th>标题 2</th>
                    <th>标题 3</th>
                    <th>标题 4</th>
                    <th>标题 1</th>
                    <th>标题 3</th>
                    <th>标题 4</th>
                    <th>操作</th>
                </tr>
                </thead>
                <!--内容-->
                <tbody>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>xxxx</td>
                    <td>xxx</td>
                    <td>xxxx</td>
                    <td>xxxx</td>
                    <td>xxxx</td>
                    <td>xxxx</td>
                    <td>xxxx</td>
                    <td width="10%">
                        <a href="#" title="Edit">
                            <img src="__WEBPUBLIC__/Admin/images/icons/pencil.png" alt="编辑" title="编辑"/>
                        </a>
                        <a href="#" title="Delete">
                            <img src="__WEBPUBLIC__/Admin/images/icons/cross.png" alt="删除" title="删除"/>
                        </a>
                    </td>
                </tr>
                <!--表尾-->
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="20">
                        <div class="bulk-actions align-left">
                            <select name="dropdown">
                                <option value="option1">编辑</option>
                                <option value="option2">删除</option>
                                <option value="option3">批量</option>
                            </select>
                            <a class="button" href="#">操作</a>
                        </div>
                        <div class="pagination">
                            <a href="#" title="First Page">&laquo; 第一页</a>
                            <a href="#" title="Previous Page">&laquo; 上一页</a>
                            <a href="#" class="number" title="1">1</a>
                            <a href="#" class="number" title="2">2</a>
                            <a href="#" class="number current" title="3">3</a>
                            <a href="#" class="number" title="4">4</a>
                            <a href="#" title="Next Page">下一页 &raquo;</a>
                            <a href="#" title="Last Page">最后一页 &raquo;</a>
                        </div>
                        <div class="clear"></div>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>

        <!--表单-->
        <div class="tab-content" id="tab2">
            <form action="#" method="post">
                <fieldset>
                    <p>
                        <span class="label">短输入框：</span>
                        <input class="text-input small-input" type="text" name="shop_name" placeholder="请输入信息"/>
                        <span class="input-notification success png_bg">正确信息</span>
                    </p>
                    <p>
                        <span class="label">长输入框：</span>
                        <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" />
                        <span class="input-notification error png_bg">错误</span>
                    </p>
                    <p>
                        <span class="label">超长输入框：</span>
                        <input class="text-input large-input" type="text" id="large-input" name="large-input" />
                    </p>
                    <p>
                        <span class="label">复选框：</span>
                        <input type="checkbox" name="checkbox1" />男
                        <input type="checkbox" name="checkbox2" />女
                    </p>
                    <p>
                        <span class="label">单选框：</span>
                        <input type="radio" name="radio1" />男
                        <input type="radio" name="radio2" />女
                    </p>
                    <p>
                        <span class="label">下拉框：</span>
                        <select name="dropdown" class="small-input">
                            <option value="option1">Option 1</option>
                            <option value="option2">Option 2</option>
                            <option value="option3">Option 3</option>
                            <option value="option4">Option 4</option>
                        </select>
                    </p>
                    <p>
                        <span class="label">大文本框：</span>
                        <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
                    </p>
                    <p>
                        <input class="button" type="submit" value="Submit" />
                    </p>
                </fieldset>
                <div class="clear"></div>
            </form>
        </div>
    </div>
</div>
<!--内容框一  start-->
<div class="content-box column-left">
    <div class="content-box-header">
        <h3>系统信息</h3>
    </div>
    <div class="content-box-content">
        <div class="tab-content default-tab">

        </div>
    </div>
</div>
<!--内容框一  end-->
<!--内容框二 start-->
<div class="content-box column-right">
    <div class="content-box-header">
        <h3>开发团队</h3>
    </div>
    <div class="content-box-content">
        <div class="tab-content default-tab">

        </div>
    </div>
</div>
<!--内容框二 end--><br><br>
<!--提示框-->
<div class="clear"></div>
<!-- 警告提示框 start-->
<div class="notification attention png_bg">
    <a href="#" class="close">
        <img src="__WEBPUBLIC__/Admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" />
    </a>
    <div> 警告 </div>
</div>
<!-- 警告提示框 end--><br><br>
<!-- 提示提示框 start-->
<div class="notification information png_bg">
    <a href="#" class="close">
        <img src="__WEBPUBLIC__/Admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" />
    </a>
    <div> 提示 </div>
</div>
<!-- 提示提示框 end--><br><br>
<!-- 成功提示框 start-->
<div class="notification success png_bg">
    <a href="#" class="close">
        <img src="__WEBPUBLIC__/Admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" />
    </a>
    <div> 成功 </div>
</div>
<!-- 成功提示框 end--><br><br>
<!-- 错误提示框 start-->
<div class="notification error png_bg">
    <a href="#" class="close">
        <img src="__WEBPUBLIC__/Admin/images/icons/cross_grey_small.png" title="Close this notification" alt="close" />
    </a>
    <div> 错误 </div>
</div>
<!-- 错误提示框 end-->
<div id="footer">
    <small>&#169;  Powered by <a href="#">晟轩网络</a> | <a href="#">返回顶部</a> </small>
</div>
</div>
<include file="Public:footer"/>
